<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>#{msg.etiqueta_UEC}</title>
	<meta charset="utf-8" />
	<meta name="description" content="Place your description here" />
	<meta name="keywords" content="put, your, keyword, here" />
	<meta name="author" content="Templates.com - website templates provider" />


	<h:outputStylesheet library="css" name="reset.css" />
	<h:outputStylesheet library="css" name="style-uec.css" />

	<h:outputScript library="primefaces/jquery" name="jquery.js" />

	<h:outputScript library="js" name="cufon-yui.js" />
	<h:outputScript library="js" name="cufon-replace.js" />
	<h:outputScript library="js" name="Myriad_Pro_300.font.js" />
	<h:outputScript library="js" name="Myriad_Pro_400.font.js" />
	<h:outputScript library="js" name="script.js" />

</h:head>

<h:body id="page1">
<form jsfc="h:form">
	<div class="wrap">
		<!-- header -->
		<div class="header">
			<h:panelGroup layout="block" class="container">
				<h1>
					<h:commandLink value="Student's site" icon="#{resource['images/icons:home.png']}" action="/pages/index.jsf"/>
					
				</h1>
				<nav>
					<ul>
						<li class="current">
							<h:commandLink value="#{msg.etiqueta_Inicio}" action="/pages/index.jsf" styleClass="m1" immediate="true"/>
						</li>
						
						<li>
							<h:commandLink value="#{msg.etiqueta_nosotros}" action="/pages/about.jsf" styleClass="m2" immediate="true"/>
						</li>
						
						<li>
							<h:commandLink value="Artículos" action="/pages/articles.jsf" styleClass="m3" immediate="true"/>
						</li>
						<li>
							<h:commandLink value="#{msg.etiqueta_contacto}" action="/pages/contact.jsf" styleClass="m4" immediate="true"/>
						</li>
						<li class="last">
							<a href="sitemap.html" class="m5">Site Map</a>
						</li>
					</ul>
				</nav>
				
			</h:panelGroup>
		</div>
		<div class="container" >
			<!-- aside -->
			
			<div class ="aside">
				<h3>Categorias</h3>
				<ul class="categories">
					<li>
						<span>
							<h:commandLink value="#{msg.etiqueta_programas}" action="/pages/programas.jsf?faces-redirect=true" title="Programas que la UEC ofrece" immediate="true"/>
						</span>
					</li>
					<li><span><h:commandLink value="#{msg.informacion_estudiante}" action="/pages/ficha-estudiante.jsf" /> </span></li>
					<li><span><h:commandLink value="Información" action="/pages/about.jsf" styleClass="m2" /></span></li>
				</ul>
			</div>
			<!-- content -->
			<div class="section" id="content">
				<div class="inside">
					<h2>
						Programas vigentes
					</h2>
					<h:panelGrid columns="2" style="margin:auto; text-align:center;">
							<p:commandButton value="Estudiante nuevo" id="btnNuevoAlumno"
								action="#{inscripcionController.btnNewEstudent}" process="@this"
								update="pnlDatosEstCur" >
								<p:tooltip for="btnNuevoAlumno" value="Estudiante nuevo" />
							</p:commandButton>
							<p:commandButton id="btnBuscarEstudiante" value="Estudiante registrado"
								action="#{inscripcionController.btnFindStudent}" process="@this"
								update="pnlDatosEstCur" >
								<p:tooltip for="btnBuscarEstudiante" value="Estudiante registrado"/>
							</p:commandButton>
							
					</h:panelGrid>
					
					<h:panelGroup layout="block">
						<h:panelGroup layout="block">
							<h:panelGroup layout="block">
								<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();" />
			
								<p:dialog modal="true" widgetVar="statusDialog" header="Status" showHeader="false" draggable="false" closable="false">
									<h:graphicImage library="images" name="ajax-loader.gif" />
								</p:dialog>
									<p:panel id="pnlDatosEstCur">
										<f:facet name="header">
											<h:panelGrid columns="1" style="margin:auto; text-align:center;">
												<h:outputText value="Curso : #{inscripcionController.cursoPeriodo.curso.nombreCurso}" />
												
											</h:panelGrid>
										</f:facet>
										
										<f:facet name="footer">
											<h:panelGroup style="text-align:center;" layout="block">
												<p:commandButton id="btnGuardarInscripcion" value="Inscribirse"
													action="#{inscripcionController.btnGuardarInscripcion}"
													process="@this pnlDatosEst" update="pnlDatosEstCur">
													<p:tooltip for="btnGuardarInscripcion" value="Inscribirse al curso: #{inscripcionController.cursoPeriodo.curso.nombreCurso}"/>
												</p:commandButton>
											</h:panelGroup>
										</f:facet>
									
										<p:messages id="msgs" autoUpdate="true" />
										
										<h:panelGrid style="margin:auto;">
										<p:panel>
											<h:panelGrid columns="3" rendered="#{inscripcionController.findMode}" id="pnlFindFilter" columnClasses="td-bottom,td-bottom,td-bottom">
												<h:outputLabel value="#{msg.etiqueta_cedula}: " styleClass="uec-pf-label-bold" />
												<p:inputText id="txtCedulaFilter" value="#{inscripcionController.cedulaUsr}"
													validator="cedulaValidator" required="true" style="height:18px;"
													requiredMessage="El documento es obligatorio"/>
												<p:commandButton value="Buscar" action="#{inscripcionController.btnBuscarPorCedula}" style="height:28px;"
													process="@this txtCedulaFilter" update="pnlDatosEst"/>
											</h:panelGrid>
										</p:panel>
										<h:panelGrid columns="2" id="pnlDatosEst">
											<h:outputText value="Identificador: " styleClass="tamanioLabel" rendered="#{!inscripcionController.findMode}" />
											<p:inputText value="#{inscripcionController.persona.usuario.identificador}" rendered="#{!inscripcionController.findMode}" />
			
											<h:outputText value="Clave" styleClass="tamanioLabel" style="display:block; width:200px;" rendered="#{!inscripcionController.findMode}" />
											<p:password value="#{inscripcionController.persona.usuario.clave}" rendered="#{!inscripcionController.findMode}" />
			
											<h:outputText value="#{msg.etiqueta_cedula}: " />
											<p:inputText value="#{inscripcionController.persona.cedula}"
												required="true" rendered="#{!inscripcionController.findMode}" validator="cedulaValidator"
												validatorMessage="Documento invalido" requiredMessage="El campo documento es obligatorio" />
			
											<h:outputText value="#{inscripcionController.persona.cedula}" rendered="#{inscripcionController.findMode}" />
			
											<h:outputText value="Nombre: " />
											<h:panelGrid cellpadding="0" cellspacing="0" columns="2">
												<p:inputText  value="#{inscripcionController.persona.primerNombre}" rendered="#{!inscripcionController.findMode}" />
												<p:inputText value="#{inscripcionController.persona.segundoNombre}" rendered="#{!inscripcionController.findMode}" />
			
												<h:outputText style="padding-right: 10px;" value="#{inscripcionController.persona.primerNombre}" rendered="#{inscripcionController.findMode}" />
												<h:outputText value="#{inscripcionController.persona.segundoNombre}" rendered="#{inscripcionController.findMode}" />
											</h:panelGrid>
			
			
											<h:outputText value="Apellido: " />
											<h:panelGrid cellpadding="0" cellspacing="0" columns="2">
												<p:inputText value="#{inscripcionController.persona.primerApellido}" rendered="#{!inscripcionController.findMode}" />
												<p:inputText value="#{inscripcionController.persona.segundoApellido}" rendered="#{!inscripcionController.findMode}" />
			
												<h:outputText style="padding-right: 10px;" value="#{inscripcionController.persona.primerApellido}" rendered="#{inscripcionController.findMode}" />
												<h:outputText value="#{inscripcionController.persona.segundoApellido}" rendered="#{inscripcionController.findMode}" />
											</h:panelGrid>
			
											<h:outputText value="Fecha nacimiento: " />
											<p:calendar value="#{inscripcionController.persona.fechaNacimiento}"
												rendered="#{!inscripcionController.findMode}"
												pattern="yyyy-MM-dd" navigator="true" />
											<h:outputText value="#{inscripcionController.persona.fechaNacimiento}" rendered="#{inscripcionController.findMode}" />
			
											<h:outputText value="Nacionalidad: " />
											<p:inputText value="#{inscripcionController.persona.nacionalidad}" rendered="#{!inscripcionController.findMode}" />
											<h:outputText value="#{inscripcionController.persona.nacionalidad}" rendered="#{inscripcionController.findMode}" />
			
											<h:outputText value="#{msg.etiqueta_direccion}: " />
											<p:inputText value="#{inscripcionController.persona.direccion}" rendered="#{!inscripcionController.findMode}" />
											<h:outputText value="#{inscripcionController.persona.direccion}" rendered="#{inscripcionController.findMode}" />
			
											<h:outputText value="E-mail: " />
											<p:inputText value="#{inscripcionController.persona.mail}" rendered="#{!inscripcionController.findMode}" />
											<h:outputText value="#{inscripcionController.persona.mail}" rendered="#{inscripcionController.findMode}" />
			
											<h:outputText value="#{msg.etiqueta_telefono}: " />
											<p:inputText value="#{inscripcionController.persona.telefonoCelular}" rendered="#{!inscripcionController.findMode}" />
											<h:outputText value="#{inscripcionController.persona.telefonoCelular}" rendered="#{inscripcionController.findMode}" />
										</h:panelGrid>
										
										</h:panelGrid>
									</p:panel>
							</h:panelGroup>
						</h:panelGroup>
					</h:panelGroup>
				</div>
			</div>
			
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="inside">
				<div class="wrapper">
					
				</div>
			</div>
		</div>
	</div>
	
	<h:outputScript>
		Cufon.now(); 
	</h:outputScript>
	</form>
</h:body>
</html>